<extend name="Base/common" />
<block name="body">
    <div class="body-bg">
        <div class="">
            <div class="corps-top">
                <div class="wrapper-large padd-tb clear match-top">
                    <div class="relative clear corps-item">
                        <h3 class="padd-b15">当前位置：<a href="{:U('Match/index')}" class="fc-height" >热门赛事</a><a href="{:U('Match/items?id='.$matchId)}" class="fc-height">- {$matchTitle}</a><a href="javascript:void(0)">-{$data.title}</a></h3>
                        <div class="corps-name fl">
                            <div class="cover-format-img"><img src="{$data.team.0.logo}" alt="{$data.team.0.name}"></div>
                            <p>{$data.team.0.name}</p>
                        </div>
                        <div class="corps-auto fl">
                            <div class="corps-middle">
                                <a href="javascript:void(0)" class="btn btn-primary btn-sub" style="line-height:32px" title="{$data.title}">{$data.title}</a>
                                <h1><span>{$data.score.0}</span> <b> -</b>  <span>{$data.score.1}</span></h1>
                                <span class="btn btn-unable no-cur">{$data.total_score.0} - {$data.total_score.1}</span>
                            </div>
                        </div>
                        <div class="corps-name fl">
                            <div class="cover-format-img"><img src="{$data.team.1.logo}" alt="{$data.team.1.name}"></div>
                            <p>{$data.team.1.name}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="wrapper-large clear">
            <div class="corps-video fl relative">
                <div class="goback-cave">
                    <ul class="float-ul v-align ul-col-3">
                        <li>
                            <a href="javascript:;" class=""><i class="icon2 icon-favour"></i><eq name="data.action.is_favour" value="1"><span class="favourmatch js-favour active favour-content-{$data.id}" data-id="{$data.id}">取消收藏</span><else /><span class="favourmatch js-favour favour-content-{$data.id}" data-id="{$data.id}">收藏</span></eq></a>
                        </li>
                        <li>
                            <a class="js-share" data-share="{:U('Video/share', array('id'=>$data['id'],pic=>urlencode($data['thumb']),title=>$data['title'],desc=>$data['detail']))}"><i class="icon2  icon-share"></i><span>转发</span></a>
                        </li>
                        <li>
                            <a href="javascript:;" onclick="window.history.go(-1)"><i class="icon2 icon-back"></i><span>返回</span></a>
                        </li>
                    </ul>
                </div>
                <volist name="data.videos" id="video">
                    <div class="corps-video-item js-corps-video-item">
                        <h3 class="padd-tb"><a href="javascript:void(0)" class="mar-r10 corps-time">{$video.time_point}<i class="icon-circle"></i></a>{$video.title}</h3>
                        <div class="corps-video-list">
                            <div class="jp-jplayer-scroll" data-next="ture" data-width="800" data-height="446" data-rool="popPlayer-{$video.id}" data-src="{$video.uri}" data-poster="{$video.thumb_large}"></div>
                        </div>
                    </div>
                </volist>
                <div class="corps-video-item corps-video-item-list">
                    <h3 class="padd-tb active"><a href="javascript:void(0)" class="mar-r10 corps-time ">相关赛事视频<i class="icon-circle"></i></a></h3>
                    <!--赛事的比赛 -->
                    <ul class="item-list float-ul mar-t10">
                        <volist name="data.recommend" id="recmd">
                            <li>
                                <a href="{:U('Match/detail?id='.$recmd['id'])}" title="{$recmd.team.0.name}">
                                    <div class="hover-shadow">
                                        <div class="cover match-cover break-cover ">
                                            <div class="padd padd-lr15 clear">
                                                <div class="corps-name fl">
                                                    <div class="teem-cover format-cover" style="position: relative;">
                                                        <img class="lazy-img" data-src="{$recmd.team.0.logo}" alt="{$recmd.team.0.name}">
                                                    </div>
                                                    <p>{$recmd.team.0.name}</p>
                                                </div>
                                                <div class="corps-auto fl">
                                                    <div class="corps-middle">
                                                        <span class="btn btn-primary overflow-title"><span>{$recmd.title}</span></span>
                                                        <h1>{$recmd.score.0}  -  {$recmd.score.1}</h1>
                                                        <span class="btn">TIME {$recmd.match_hour}</span>
                                                    </div>
                                                </div>
                                                <div class="corps-name fl">
                                                    <div class="teem-cover format-cover">
                                                        <img class="lazy-img" data-src="{$recmd.team.1.logo}" alt="{$recmd.team.1.name}">
                                                    </div>
                                                    <p>{$recmd.team.1.name}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </volist>
                    </ul>
                </div>
            </div>
            <!-- 评论部分 -->
            <div class="corps-commet  fr comment-root corps-commet-bg">
                <div class="comment-con-p pop-comments clear">
                    <form class="comment-form" action="{:U('Video/comments')}" method="post" data-id="{$data.id}">
                        <div class="pop-input ">
                            <textarea type="text" name="comment" placeholder="评论内容" class="comment-area-{$data.id}"></textarea>
                        </div>
                        <input type="hidden" name="vid" value="{$data.id}">
                        <div class="v-align mar-t10 ">
                            <i class="icon icon-smile mar-r10" data-textarea=".comment-area-{$data.id}"></i>
                            <button class="btn-sure btn-send-show btn-lg in-block">发表</button>
                        </div>
                    </form>
                </div>
                <div class="pop-passager-height padd-tb10 padd-l10 comment-content-{$data.id}  ">
                    {$data.comment.content}
                </div>
            </div>
        </div>
    </div>
</block>